@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic);

/* SCROLLBAR */
.jspContainer{overflow:hidden;position:relative}
.jspPane{position:absolute}
.jspVerticalBar{background:0;height:100%;position:absolute;right:0;top:0;width:10px;}
.jspHorizontalBar{bottom:0;height:6px;left:0;padding:2px 0;position:absolute;width:100%;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0}
.jspCap{display:none}
.jspHorizontalBar .jspCap{float:left}
.jspTrack{position:relative}
.jspDrag{-moz-border-radius:5px;-webkit-border-radius:5px;background:rgba(000, 000, 000, 0.5);border-radius:5px;cursor:pointer;left:0px;position:relative;top:0}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:6px}
.jspArrow{background:#50506d;cursor:pointer;display:block;text-indent:-20000px}
.jspArrow.jspDisabled{background:#80808d;cursor:default}
.jspVerticalBar .jspArrow{height:16px}
.jspHorizontalBar .jspArrow{float:left;height:100%;width:5px}
.jspVerticalBar .jspArrow:focus{outline:0}
.jspCorner{background:#eeeef4;float:left;height:100%}
* html .jspCorner{margin:0 -3px 0 0}


body {margin:0; margin:60px 0; font-family: 'Open Sans', sans-serif; font-size:12px; color:#333; line-height:16px;}
.wrapper-bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
 	background: rgba(0,0,0,0.8);
 	z-index: 9999;
}
.mainwrapper {
	background:#fff; width:660px; margin:0 auto;
	position: relative;
	z-index: 10000;
}
#step1-terms{
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
img {border:0; max-width:100%;}
h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom:15px;}
h1 { color:#005490; font-size:31px; line-height:31px; font-weight:bold;}
p { margin:0; padding:8px 0;}
.clear { clear:both; height:0;}
a, a:link, a:visited { text-decoration: none;outline: none;}
a:hover { text-decoration:none; outline:none;}

.header { height:60px; background:#364f98; padding:0 20px; position: relative;}
.logo { float:left; margin:10px 0 0 0px;}
.innercontent { padding:20px 20px;}
.innercontent h4 { font-weight:500; color:#000; font-size:11px;}
.innercontent p { font-size:18px; line-height: 22px;}
.mainhd { font-size:17px; margin-bottom:20px;}
.mainhd h1 { margin-bottom:0px; font-family: 'Open Sans', sans-serif; font-weight: 700;}
.mainshow { margin-bottom:20px; position:relative;}
.slide { position: relative; }
.dash{
	height: 2px;
	display: block;
	margin:0 auto;
	width: 40px;
	background: white;
}
.bx-wrapper .bx-next, .bx-wrapper .bx-prev{
	background: transparent;
}
.sld_txt { position:absolute; right:0; top:0; background:#364f98; float:right; color:#fff; padding:2px 10px 3px;}
.fixed_txt { position:absolute; left:0; bottom:70px; right:0; text-align:center; color:#fff; font-size:20px; text-transform:uppercase; line-height:24px; font-weight:bold; background:url(../images/banr_ic.png) no-repeat center top; padding-top:30px;}
.fixed_txt > p { font-size: 20px;}
.arrowbtns { height:0; margin-top:-1px;}
.arrowbtns a { position:absolute; top:49%; display:block; width:16px; height:10px; text-indent:-9999px;}
.arrowbtns a.prev { background:url(../images/arrow_lt.png) no-repeat; left:10px;}
.arrowbtns a.next { background:url(../images/arrow_rt.png) no-repeat; right:10px;}

.page_mnu { height:8px; position:absolute; left:0; bottom:10px; right:0; text-align:center;}
.page_mnu a { display:inline-block; width:6px; height:6px; text-indent:-9999px; border:1px solid #fff; border-radius:3px; margin:0 2px;}
.page_mnu a.active { background:#fff;}

.fb_twt_func { margin-bottom:20px;}
.fb_twt_func .blk { display:block; float:left; width:300px; margin-right:20px; overflow:hidden; position:relative; height:110px;}
.blkinner { position:absolute; left:0px; top:0; width:610px;}
.fb_twt_func .blk.twt_big { margin-right:0;}
.fb_twt_func a { height:52px; padding-left:52px; text-align:center; color:#fff; text-transform:uppercase; font-size:16px; line-height:52px; width:248px; float:left;}
.fb_twt_func .blk.fb_big a { display:block; background:url(../images/fb_btn.png) no-repeat left top #7187ca;}
.fb_twt_func .blk.twt_big a { display:block; background:url(../images/twt_btn.png) no-repeat left top #73c3f4;}
.fb_twt_func form { float:right; width:300px;}
.fb_twt_func form input.addfld { width:270px; height:32px; padding:10px 15px; color:#333; background:#e5e5e5; font-size:15px; font-family: 'Roboto', sans-serif; border:0; margin-bottom:6px;}

.fb_twt_func form input.sbmt { height:52px; padding-left:60px; padding-right:20px; text-align:center; color:#fff; text-transform:uppercase; font-size:16px; line-height:52px; float:left; border:0; float:right; cursor:pointer;}
.fb_twt_func .blk.fb_big form input.sbmt { display:block; background:url(../images/fb_btn.png) no-repeat left top #7187ca;}
.fb_twt_func .blk.twt_big form input.sbmt { display:block; background:url(../images/twt_btn.png) no-repeat left top #73c3f4;}

.two_clmn { margin:0 0 20px;}
.two_clmn.bottom { margin:0;}
.banner_block { float:left; width:300px; margin-right:20px;}
.banner_block.sec { margin-right:0;}

.terms { float:left; width:300px; padding-top: 20px;}
.terms a { text-decoration:underline; color:#282828;}
.powred { float:right; width:300px; text-align:right;}

.banners_box { float:left; width:300px; padding-bottom:18px; border-bottom:1px solid #e9e9e9; margin-right:20px; margin-bottom:10px; min-height:271px;}
.banners_box.last { margin-right: 0; border-bottom:0; margin-bottom:0; padding-bottom:0;}
.annc { background:#e9e9e9; width:45px; font-size:10px; color:#000; padding: 2px 5px; text-align: center;}

.menu ul { margin:0; padding:0; list-style:none; width:100%;}
.menu ul li { border-right:1px solid #000; padding-right:13px; margin-right: 13px; list-style:none; float:left; font-size:14px; line-height:14px; height:20px; font-weight:300; }
.menu ul li.last { border-right:0;}
.menu ul li a { display:block;  color:#000;}
.menu ul li:hover a{ border-bottom: 2px solid #364f98;}

.stp_4_box_outer { width:auto; overflow:hidden; margin:0 0 20px;}
.stp_4_box { height:685px;  overflow-y: scroll;  width: 638px;}
.article_box { float:left; width:300px; margin:0 20px 20px 0; }
.article_box.last { margin-right:0; margin-bottom:0;}
.artcle_wrp { border:1px solid #e5e5e5; border-top:0; padding:8px;}
.artcle_wrp h3 { font-size:14px; border-bottom:1px solid #e5e5e5; padding-bottom:8px;}
.artcle_wrp h2 { font-size:27px; font-weight:600; line-height:30px; color:#000; min-height: 90px;}
.blue { color:#364f98;}
.green { color:#6fb353;}
.red { color:#9a0000;}
.artcle_share { margin:0 0 10px;}
.artcle_share a { display:block; float:left; margin-right:12px;}
.artcle_share a.shr_last { margin-right:0;}

.artcle_btn { display:block; background:#364f98; height:52px; text-align:center; line-height:52px; font-size:15px; text-transform:uppercase; color:#fff; font-weight:300;}

.slide2 { background:url(../images/banner2.jpg) no-repeat center top; height:470px;}
.midle_fix { margin:0 auto; width:300px; left:0; right:0; top:40px; position:absolute;}
.top_i { text-align:center; margin:0 0 18px;}
.midle_fix h2 { font-size:32px; font-weight:600; color:#fff; text-align:center; text-transform:uppercase; line-height:36px;}
.midle_fix input.emailplc { background:#fff; width:87%; height:52px; border:0; padding:0 20px; font-size:15px; margin:0 0 10px;}
.eml_sbmt { border:0; background:#364f98; height:52px; width:100%; font-size:15px; text-transform:uppercase; color:#fff; cursor:pointer;}
span.or { display:block; padding:18px 0; font-style:italic; color:#fff; font-size:15px; text-align:center;}
a.connect {  display:block; background: url(../images/fb_btn.png) no-repeat scroll left top #7187ca; font-size: 16px; height: 52px; line-height: 52px;   padding-left: 52px; text-align: center; text-transform: uppercase; color:#fff;}
.sync_top { display:none;}
.close img{
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 15px;
	width: 14px;
	height: 14px;
}
#step1-terms *{
	font-family: "Open Sans", sans-serif;
}
#step1-terms p{
	font-size: 12px;
}
#step1-terms h4{
	font-weight: 700;
}
.in-active{
	opacity: 0.4;
}
.in-active *{
	opacity: 0.4;
}
@media only screen and ( max-width: 660px ) {
	.mainwrapper{
		width: 100%;
	}
	.article_box, .banners_box{
		margin: 0 auto;
		float: none;
		margin-bottom: 20px;
	}
	.fb_twt_func .blk{
		margin: 0 auto;
		float: none;
		margin-bottom: 20px;
	}
	.fb_twt_func .blk.twt_big{
		margin-right: auto;
	}
	.article_box.last, .banners_box.last{
		margin-right: auto;
	}
	.stp_4_box{
		width: 100%;
	}
}